<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>简易五子棋游戏</title>
    <link rel="stylesheet" href="main.css">
    <script type="text/javascript" src="jquery.min.js"></script>
</head>

<body>
    <h1>简易版五子棋小游戏</h1>
    <h6>说明：体验下自己饰演两个角色的五子棋吧，嘻嘻。</h6>

    <!--canvas是个画布，需要修改的是尺寸，不是修改样式-->
    <canvas id="canvas" width="450" height="450"></canvas>
    <div class="mol-main">
        <div class="mol-header">
            <h2>五子棋小游戏</h2>
        </div>
        <div class="mol-success white">
            白棋获胜
        </div>
        <div class="mol-success black">
            黑棋获胜
        </div>
        <br>
        <div>
            <button class="btn">关闭</button>
        </div>
    </div>
</body>
<script type="text/javascript" src="main.js"></script>

</html>